<template>
<div class="frame">
    <header class="oo">
        <img src="static/下载.png" style="margin-left: -460px">
        <input type="text" value="李梓键 1903010226" ></input>
    </header>
</div>
</template>

<style>
    .oo{
        margin-left:0px;
        margin-top:-30px;
        margin-bottom: 30px;
        border-radius:10px;
        background: red;
    }
    .frame{
        margin: auto;
        width: 504px;
        display: flex;
        flex-wrap: wrap;
    }
    header img{
        width: 30px;
        margin-left: -30px;
        margin-top:10px
    }
    header{
        height:43px;
        width: 504px;
        background-color: #fe5400;
        position: relative;
        margin-left: -20px;
    }
    header input{
        width: 87%;
        display: inline-block;
        position: absolute;
        border-radius: 3px;
        margin-left: 10px;
        top:8px;
        height:25px;
        border: none;
        outline: none;
        font-size: 0.3rem;
        background-color: #b52600;
        text-align: center;
        color:  #C0C3C7;
    }
</style>